body {
	text-align: center;
}
#area {
	margin: 10px auto;
	position: relative;
	z-index: 0;
}

#area:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 100%;
	margin-left: 20px;
	background-size: 100% 100%;
}

.size1 {
	width: 400px;
	height: 400px;
	left: -200px;
}

.size1:after {
	background-image: url(../image/abc.jpg);
}

.size1 .block {
	background-size: 400px 400px;
	background-image: url(../image/abc.jpg);
	width: 100px;
	height: 100px;
}

.block {
	border: 1px solid gray;
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box; /* Safari */
	position: absolute;
}

.canMove {
	border: 1px solid rgba(200, 200, 0, 0.8);
	cursor: pointer;
}

.canMove:hover {
	box-shadow: 0px 0px 3px #ffc107;
}

#area #blank {
	border: none;
	background-image: none;
}

nav {
	
}

a:link,
a:visited,
a:hover,
a:focus {
	color: #428bca;
}
